
</head>

<body>
    <!-- 1.页面顶部导航栏：置顶 -->
    <div class="header">
        <img src="/images/JS-LOGO_w.png">
        <ul>
            <li><a href="#" class="index">首页</a></li>
            <li><a href="#">学院概况</a></li>
            <li><a href="#">党建工作</a></li>
            <li><a href="#">校园新闻</a></li>
            <li><a href="#">通知公告</a></li>
            <li><a href="#">信息公开</a></li>
            <li><a href="#">德育天地</a></li>
            <li><a href="#">招生信息</a></li>
            <li><a href="#">校验教改</a></li>
        </ul>
        <img src="/images/search.jpg">
    </div>

    <!-- 2.页面顶部轮播图：轮播 -->
    <div class="banner">
       <img src="/images/banner-202208-01.jpg"alt="">
    </div>

    <!-- 3.主体内容开始：左侧图片，右侧视频 -->
    <ul class="imgvideo">
        <li><img src="/images/big-image-1.jpg" alt=""></li>
        <li><img src="/images/image-gaikuang.jpg" alt=""></li>
    </ul>

    <!-- 4.学院新闻/通知公告/媒体聚焦栏目：上方标题，下方新闻列表和新闻图片（左侧列表，右侧图片） -->
    <div class="content">
        <div class="title"></div>
        <ul>
            <li></li>
            <li>学院新闻</li>
            <li></li>
            <li>通知公告</li>
            <li></li>
            <li> 媒体聚焦</li>
        </ul>
        <div class="news">
                <ul>
                    <li>防守打法获得更多鬼地方</li>
                    <li>防守打法获得更多鬼地方</li>
                    <li>防守打法获得更多鬼地方</li>
                    <li>防守打法获得更多鬼地方</li>
                    <li>防守打法获得更多鬼地方</li>
                    <li>防守打法获得更多鬼地方</li>
                    <li>防守打法获得更多鬼地方</li>
                    <li>防守打法获得更多鬼地方</li>
                    <li>防守打法获得更多鬼地方</li>
                    <li>防守打法获得更多鬼地方</li>
                </ul>
            <a href="#">查看更多+</a>
        </div>
        <img src="/images/bg-new.jpg" alt="">
    </div>

    <!-- 5.图片快捷链接：上方大图，下方小图 -->
    <div class="links">
        <div class="biglins">
            <li></li><img src="/images/big-image-1.jpg" height="250" alt="">
            <li></li><img src="/images/big-image-2.jpg" height="250" alt="">
            <li></li><img src="/images/big-image-3.jpg" height="250" alt="">
        </div>
        <ul class="smalllinks">
            <li>院长信箱</li>
            <li>数字化校园</li>
            <li>证书查询</li>
            <li>信息公开</li>
            <li>招标采购</li>
            <li>新媒体矩阵</li>
        </ul>

    </div>

    <!-- 6.合作企业链接：企业logo链接 -->
    <div class="company">
        合作企业
    </div>

    <!-- 7.底部学院基本信息及版权：上方学院基本信息，下方版权信息 -->
    <div class="bottom">
        <div class="info">
            学院基本信息
        </div>
        <div class="copyright">版权所有：厦门技师学院 闽ICP备08002093号-1 <img src="images/beian.png" alt=""> 闽公网安备 35021302000253
        </div>
    </div>
</body>

</html>